<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<%@ include file="/WEB-INF/views/include/easyui.jsp"%>

</head>
<body>
<div>
	<table  class="formTable">
		<tr>
			<td width="35%" align="right">身份证正面：</td>
			<td width="55%">
				<a href="javascript:void(0)" onclick="previewImg('${productBill.idCardPic}')" >
					<img width="180" height="140" src="${productBill.idCardPic}" style="border:solid 1px gray"/>
				</a>
			</td>
			<td width="10%">
				&nbsp;<a href="javascript:void(0)" onclick="downloadImg('${productBill.idCardPic}')">下载</a>
			</td>
		</tr>
		<tr>
			<td align="right">身份证背面：</td>
			<td>
				<a href="javascript:void(0)" onclick="previewImg('${productBill.idCardBackPic}')" >
					<img width="180" height="140" src="${productBill.idCardBackPic}" style="border:solid 1px gray"/>
				</a>
			</td>
			<td>
				&nbsp;<a href="javascript:void(0)" onclick="downloadImg('${productBill.idCardBackPic}')">下载</a>
			</td>
		</tr>
		<tr>
			<td align="right">银行卡：</td>
			<td>
				<a href="javascript:void(0)" onclick="previewImg('${productBill.bankCardPic}')" >
					<img width="180" height="140" src="${productBill.bankCardPic}" style="border:solid 1px gray"/>
				</a>
			</td>
			<td>
				&nbsp;<a href="javascript:void(0)" onclick="downloadImg('${productBill.bankCardPic}')">下载</a>
			</td>
		</tr>
		<tr>
			<td align="right">打款凭证：</td>
			<td>
				<a href="javascript:void(0)" onclick="previewImg('${productBill.proofPic}')" >
					<img width="180" height="140" src="${productBill.proofPic}" style="border:solid 1px gray"/>
				</a>
			</td>
			<td>
				&nbsp;<a href="javascript:void(0)" onclick="downloadImg('${productBill.proofPic}')">下载</a>
			</td>
		</tr>
	</table>
</div>
<iframe id="fileDownFrame" src="" style="display:none; visibility:hidden;"></iframe> 

<script type="text/javascript">

	//预览图片
	function previewImg(imgUrl) {
		ddg = $("#dlg2").dialog({   
		    title: '预览',    
		    width: 720,    
		    height: 600,   
		    href:'${ctx}/productBill/preview?imgUrl='+imgUrl,
		    maximizable:true,
		    modal:true,
		    buttons:[{
				text:'关闭',
				handler:function(){
					ddg.panel('close');
					}
			}]
		});
	}

	//下载图片
	function downloadImg(imgUrl) {
		$("#fileDownFrame").attr("src","${ctx}/productBill/downloadCardImg?imgUrl=" + imgUrl);
	}
	
</script>
</body>
</html>